{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "base-error.html" %}

{% block page_title %}{{ ftl('not-found-page-not-found-page-page-not-found') }}{% endblock %}

{% block page_css %}
  {{ css_bundle('page_not_found') }}
{% endblock %}

{# 404 pages must not include canonical and hreflang x-default: https://github.com/mozilla/bedrock/issues/5895 #}
{% block canonical_urls %}{% endblock %}

{% block content %}
  <main class="mzp-l-content message-section">
    <h1 class="error-title">{{ ftl('not-found-page-sorry-we-cant-find-that-page') }}</h1>
    <p>{{ftl('not-found-page-were-all-about-a-healthy-internet') }}</p>

    <p class="hide-back" id="go-back">
      <a class="back-button" data-testid="link-go-back">{{ ftl('not-found-page-go-back') }}</a>
    </p>

    <ul class="content-list">
      <li>
        <img class="list-icon" alt="" src="{{ static('protocol/img/icons/mozilla.svg') }}" width="30" height="30">
        <span>
          {{ ftl('not-found-page-learn-about-mozilla-the-non', about=url('mozorg.about.index')) }}
        </span>
      </li>
      <li>
        <img class="list-icon" alt="" src="{{ static('protocol/img/icons/desktop.svg') }}" width="30" height="30">
        <span>
          {{ ftl('not-found-page-download-the-firefox-browser', download="https://www.firefox.com/") }}
        </span>
      </li>
      <li>
        <img class="list-icon" alt="" src="{{ static('protocol/img/icons/heart.svg') }}" width="30" height="30">
        <span>
          {{ ftl('not-found-page-donate-to-mozilla-reclaim-from-v2', fallback='not-found-page-donate-to-mozilla-reclaim-from', donate='href="%s"'|safe|format(donate_url(location='donate-404'))) }}
        </span>
      </li>
    </ul>
  </main>
{% endblock %}

{% block js %}
  {{ js_bundle('page_not_found') }}
{% endblock %}
